<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head th:include="include/header_css::header('角色管理')"></head>
<body>
<div id="dpLTE" class="container-fluid" v-cloak>
	<div class="row">
        <div class="col-md-2 no-padding">
            <div class="panel panel-default">
                <div class="panel-heading">角色分组</div>
                <div class="panel-body" id="rolePanel" style="overflow: auto;">
                    <ul id="roleGroup" class="ztree"></ul>
                </div>
            </div>
        </div>
        <div class="col-md-10 no-padding">
            <div class="panel panel-default">
                <div class="panel-heading">角色信息</div>
                <div class="panel-body">
                    <div class="row">
                        <div class="col-md-4 form-inline pull-left">
				            <div class="form-group">
				                <input v-model="keyword" @keyup.enter="load" type="text" class="form-control" placeholder="请输入查询关键字" style="width: 220px;" />
				            </div>
				            <div class="form-group">
				                <a class="btn btn-primary" @click="load"><i class="fa fa-search"></i>&nbsp;查询</a>
				            </div>
				        </div>
				        <div class="col-md-8">
				            <div class="btn-toolbar pull-right">
				                <div class="btn-group">
				                    <a class="btn btn-default" onclick="reload();"><i class="fa fa-refresh"></i>&nbsp;刷新</a>
				                    <a class="btn btn-default" @click="save"><i class="fa fa-plus"></i>&nbsp;新增</a>
				                    <a class="btn btn-default" @click="edit"><i class="fa fa-pencil-square-o"></i>&nbsp;编辑</a>
				                    <a class="btn btn-default" @click="remove"><i class="fa fa-trash-o"></i>&nbsp;删除</a>
				                </div>
				                <div class="btn-group">
				                    <a v-if="hasPermission('sys:role:authorizeOpt')" class="btn btn-default" @click="authorizeOpt"><i class="fa fa-gavel"></i>&nbsp;操作权限</a>
				                    <a v-if="hasPermission('sys:role:authorizeData')" class="btn btn-default" @click="authorizeData"><i class="fa fa-eye"></i>&nbsp;数据权限</a>
				                </div>
				            </div>
				        </div>
                    </div>
                    <div class="row">
                        <table id="dataGrid"></table>
                    </div>
                </div>
            </div>
        </div>
	</div>
</div>
<div th:include="include/footer_js::footer"></div>
<script th:src="@{/resource/static/js/base/role/list.js}"></script>
</body>
</html>